<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统发生错误</title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }

        html {
            overflow-y: scroll;
        }

        body {
            background: #fff;
            font-family: '微软雅黑';
            color: #333;
            font-size: 16px;
        }

        .error {
            padding: 24px 48px;
        }

        .face {
            font-size: 100px;
            font-weight: normal;
            line-height: 120px;
            margin-bottom: 12px;
        }

        h1 {
            font-size: 32px;
            line-height: 48px;
        }

        .error .info {
            margin-bottom: 12px;
        }

        .error .info .title {
            margin-bottom: 3px;
        }

        .error .info .title h3 {
            color: #000;
            font-weight: 700;
            font-size: 16px;
        }

        .error .info .text {
            line-height: 24px;
        }
    </style>
</head>
<body>
<div class="error">
    <p class="face">:(</p>
    <h1>页面错误！请稍后再试～</h1>
</div>
</body>
</html>